/*iphone/800*/
@media (width:320px){

}
/*1920/1280*/
@media (width:360px){

}
/*1280*/
@media (width:384px){

}
/*note3*/
@media (min-width:500px){
    .catgry2-detail > div{font-size:20px !important;}
    .catgry3-item-topic{margin-top:-30px !important;}
    .catgry3-item-topic dt{font-size:22px !important;line-height:30px !important;}
    .catgry3-item-topic dd{font-size:16px !important;line-height:30px !important;}
}
/*ipad+*/
@media (min-width:767px){
    .catgry2-detail > div{font-size:26px !important;}
    .catgry3-item-topic dt{font-size:28px !important;}
    .catgry3-item-topic dd{font-size:20px !important;}
}

/*按钮*/
.icon{
    display:inline-block;
    height:30px;width:30px;
    background:url(../images/btn2.png) no-repeat;
    background-size:180px;
}
.icon-cart{
    background-position:0% 0%;
}
.icon-people{
    background-position:-30px 0px;
}
.icon-locker{
    background-position:-60px 0px;
}
.icon-phone{
    background-position:-90px 0px;
}
.icon-computer{
    background-position:-120px 0px;
}
.icon-phone2{
    background-position:-150px 0px;
}
.icon-expand-rig{
    background-position:0px -30px;
}
.icon-expand-rig-small{
    background-size:150px;
    height:25px;width:25px;
    background-position:0px -22px;
}
.icon-expand-down{
    background-position:-30px -30px;
}
.icon-expand-down-sm{
    height: 20px;width: 20px;
    background-size: 130px;
    background-position: -18px -18px;
}
.icon-vertline{
    background-position:-120px -30px;
}

.icon-s18.icon-phone{
    background-position:-63px 0px;
}
.icon-s18.icon-computer{
    background-position:-86px 0px;
}
.icon-s18.icon-phone2{
    background-position:-105px 0px;

}

.icon-beak{
    display:inline-block;
    height:7px;width:7px;
    border:7px solid transparent;
    border-bottom:7px solid;
}
.icon2{
    background:url(../images/btn3.png) center no-repeat;
    height:36px;width:36px;
}
.icon3{
    background:url(../images/icon4.png) center no-repeat;
    height:55px;width:55px;
}
.icon4{
    background:url(../images/icon5.png) center no-repeat;
    height:36px;width:36px;
    position:relative;
    display:inline-block;
    background-size:1000% 1000%;
}
.icon-star{
    background:url(../images/star.png) center no-repeat;
    height:25px;width:136px;
    position:relative;
    display:inline-block;
    background-size:100% 500%;
}
.icon-star-1{background-position:0% 0%;}
.icon-star-2{background-position:0% 25%;}
.icon-star-3{background-position:0% 50%;}
.icon-star-4{background-position:0% 75%;}
.icon-star-5{background-position:0% 100%;}
.icon-qqwb{
    background:url(../images/qqwb.png) center no-repeat;
    height:65px;width:65px;
    position:relative;
    display:inline-block;
    background-size:200% 100%;
}
.icon-qq{background-position:0% 0%;}
.icon-wb{background-position:100% 0%;}
/*background属性会覆盖所有bg属性，必须先写*/
.icon2,.icon3{
    position:relative;
    display:inline-block;
    background-size:500% 500%;
}
.icon2-back{
    background-position:25% 25%;
}
.icon2-home{
    background-position:0% 25%;
}
.icon2-payment{
    background-position:0% 0%;
}
.icon2-van{
    background-position:24.6% 0%;
}
.icon2-note{
    background-position:50% 0%;
}
.icon2-deal{
    background-position:75% 0%;
}
.icon2-coupons{
    background-position:100% 0%;
}
.icon2-clock{
    background-position:0% 50%;
}
.icon2-addr{
    background-position:25% 50%;
}
.icon2-star{
    background-position:50% 50%;
}
.icon2-footprint{
    background-position:75% 50%;
}
.icon2-hook{
    background-position:0% 75%;
}
.icon2-decrease{
    background-position:25% 75%;
}
.icon2-plus{
    background-position:50% 75%;
}
.icon2-forward2{
    background-position:75% 75%;
}
.icon2-forward2-white{
    background-position:75% 25%;
}
.icon2-down2{
    background-position:100% 75%;
}
.icon2-down-white{
    background-position:0% 100%;
}
.icon2-loc{
    background-position:100% 50%;
}
.icon2-list{
    background-position:25% 100%;
}
.icon2-mail{
    background-position:50% 100%;
}
.icon2-compass{
    background-position:75% 100%;
}
.icon2-phone{
    background-position:100% 100%;
}
.icon3-cup{
    background-position:0% 0%;
}
.icon3-flower{
    background-position:25% 0%;
}
.icon3-sofa{
    background-position:50% 0%;
}
.icon3-plug{
    background-position:75% 0%;
}
.icon3-cutlery{
    background-position:100% 0%;
}
.icon3-batroom{
    background-position:0% 25%;
}
.icon3-bulb{
    background-position:25% 25%;
}
.icon3-hanger{
    background-position:50% 25%;
}
.icon4-van{
    background-position:0% 0%;
}
.icon4-home{
    background-position:10% 0%;
}
.icon4-star-green{
    background-position:20% 0%;
}
.icon4-star-gray{
    background-position:30% 0%;
}
.icon4-fire{
    background-position:40% 0%;
}
.icon4-forward{
    background-position:50% 0%;
}
.icon4-trash-green{
    background-position:60% 0%;
}
.icon4-trash-white{
    background-position:70% 0%;
}
.icon4-search{
    background-position:80% 0%;
}
.icon4-cart{
    background-position:90% 0%;
}
.icon4-yuan{
    background-position:100% 0%;
}
.icon4-up{
    background-position:0% 10%;
}
.icon4-down{
    background-position:10% 10%;
}
.icon4-star2-gray{
    background-position:20% 10%;
}
.icon4-star2-green{
    background-position:30% 10%;
}
.icon4-right-gray{
    background-position:40% 10%;
}
.icon4-top{
    background-position:50% 10%;
}
.icon4-share{
    background-position:60% 10%;
}
.bor{
    border:solid 1px #000;
}
/*全局*/
body{
   
    margin:0;
	padding:0;
	/*font-size:13px;*/
	font-family:"微软雅黑", "宋体", Arial;
    /*font:100% normal "微软雅黑", "宋体", Arial;*/
}

a:hover {
    text-decoration:none;
}
h1, h2, h3, h4,h5,h6,.h1, .h2, .h3, .h4,.h5,.h6 {
    padding:0;margin:0;
    font-family:"微软雅黑", "宋体", Arial;
}
/*h6{12px}*/
/*h5{14px}*/
h4,.h4{ font-size:16px;}
h3,.h3{ font-size:18px;}
h2,.h2{ font-size:20px;}
h1,.h1{ font-size:24px;}
.fs-15{ font-size:15px; }
.fs-17{ font-size:17px;}
ul{
    padding:0;margin:0;
}
li {
    list-style:none;
}
/*bootstrap fix*/
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{
    padding:0 5px;
}
.container {
    padding-left:5px;padding-right:5px;
    max-width:768px;
}
.row,.form-horizontal .form-group {
    margin-right: -5px;
    margin-left: -5px;
}

.crsl-indic-fix{
    bottom:-20px
}
.carosl-fix {
    padding-top:10px;
    padding-bottom:10px;
}
dl {
    margin: 0px;
}
.carousel-indicators li{

     background-color:rgba(255,255,255,.2);
}
.carousel-indicators li.active{
    background-color:rgba(157,189,28,.6);

}
.carousel-inner > .active {
    left: auto !important;
    
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}
.carousel-inner > .active.left {
    left: auto !important;
    transform:translate3d(-100%,0,0);
    -webkit-transform:translate3d(-100%,0,0);
    -moz-transform:translate3d(-100%,0,0);
    -o-transform:translate3d(-100%,0,0);
}
.carousel-inner > .active.right {
    left: auto !important;
    transform:translate3d(100%,0,0);
    -webkit-transform:translate3d(100%,0,0);
    -moz-transform:translate3d(100%,0,0);
    -o-transform:translate3d(100%,0,0);
}
.carousel-inner>.next {
    left: auto !important;
    transform:translate3d(100%,0,0);
    -webkit-transform:translate3d(100%,0,0);
    -moz-transform:translate3d(100%,0,0);
     -o-transform:translate3d(100%,0,0);
}
.carousel-inner>.prev {
    left: auto !important;
    transform:translate3d(-100%,0,0);
    -webkit-transform:translate3d(-100%,0,0);
    -moz-transform:translate3d(-100%,0,0);
    -o-transform:translate3d(-100%,0,0);
}
.carousel-inner > .prev.toActive, .carousel-inner > .next.toActive {
    left: auto !important;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    }

.form-control:focus {
	border-color:  rgb(197,215,105);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(181,240,56,.9);
}
.btn-lg {
font-size: 16px;
border-radius: 4px;
}
/*bootstrap fix END*/
.page{
    background:#f6f6f6;
}
.main{
    /*min-height:500px;*/
}
/*header*/
.header{
    position:relative;
    background:#fff;
    
}
.header h1{
   margin:0 auto;padding:0;
   width:37%;
   color:#fff;
   text-align:center;
   font-size:18px;
}
.header img{
    max-width:100%
}
.header .icon-cart{
    position:absolute;
    right:5%;top:50%;margin-top:-13px;
    /* width = 37% * 80/226 * 62% */
    
}
/*banner & carousel*/
.banner{
    /*background-color:#ffd800;*/
    position:relative;
}
.banner img{
    width:100%;
}
.carousel-inner>.item {
    -webkit-transition: .5s ease -webkit-transform;
    -moz-transition: .5s ease -moz-transform;
    -o-transition: .5s ease -o-transform;
    transition: .5s ease transform;

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
 
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}
.manal {
    -webkit-transition:none !important;
    -moz-transition:none !important;
    -o-transition:none !important;
    transition: none !important;

}
/*搜索框*/
.search-bar{
    position:absolute;
    width:85%;
    margin-left:7.5%;
    top:7px;
    opacity:.8;
}
.search-bar input{
    line-height:30px;
    height:32px;
    width:100%;
    border:solid 1px #bfc68a;
    padding:0 20px 0 10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    /*box-shadow: 0px -1px 0px #b7ae74, 0px 1px 0px #b7ae74;*/
}
.search-submit{
    position:absolute;
    top:1px;right:0;

    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomright:15px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-bottom-right-radius:15px;
    border-top-right-radius:15px;
    border-bottom-right-radius:15px;

    height:30px;
    padding:0 6px;margin:0;
    font-size:12px;
    background-color:#addd6b;

    overflow:hidden;
}
.search-submit>.icon4{
    width:25px;height:25px;
    left:-3px;top:2px;
}
.header-with-searcher .search-bar { /*没设置z-index,search bar必须写在最前面,以免padding挡住按钮!*/
    left:0;top:9px;
    width:100%;
    margin-left:0;
    padding-left:55px;padding-right:10px;
}
.header-with-searcher.left-side .search-bar {
    padding-left:10px;padding-right:55px;
}
.header-with-searcher .search-submit {
   right:10px;
}
.header-with-searcher.left-side .search-submit {
   right:54px;
}
/*左下角的按钮*/
.bgFilter{
    position:fixed;
    top:0;right:0;bottom:0;left:0;
    background: #000;
    opacity: .2;
   
    -webkit-transition: .3s ease-in-out opacity;
    -o-transition: .3s ease-in-out opacity;
    transition: .3s ease-in-out opacity;
    z-index: 1000;
}
.filterHide{
    opacity:0;
    width:0px;height:0px;
}
.qqtPlus{
    position:fixed;
    z-index:1100;
    left:10px;
    bottom:28px;
}
.plusBtn{
    position:relative;
    width:50px;height:50px;
    background:url(../images/plus.png) top left no-repeat;
    background-size:125.3px;
    background-position:0% 0%;
}
.plusCircle{
    position:absolute;
    bottom:30px;left:30px;
    width:135px;height:135px;
    background:url(../images/plus.png) top left no-repeat;
    background-size:111.1%;
    background-position:0px -60px;

    -webkit-transition: .3s ease-in-out all;
    -o-transition: .3s ease-in-out all;
    transition: .3s ease-in-out all;
}
.expand .plusCircle{
    width:135px;height:135px;
}
.plusCollapse .plusCircle{
    width:0px;height:0px;
}
.acticle{
    margin:15px 0;
    min-height:50px;
}
/*4个功能按钮*/
.act-func{
 
}
.func-item{
    background:url(../images/btn1.png) top left no-repeat;
    background-size:500%;
    width:65px;
    height:85px;
    margin:0 auto;
}
.func-item.item1{
     background-position:0px 0px;
}
.func-item.item2{
     background-position:25% 0%;
}
.func-item.item3{
    background-position:50% 0%;
}
.func-item.item4{
    background-position:75% 0%;
}
.func-desc{
   font-size:14px;
   text-align:center;
   line-height:14px;
   padding-top:71px;
   color:#444444;
}
/*商品分类*/
/*1F*/
.catgry1-item img,.catgry2-item img{
    width:100%;
    border:solid 1px #d8f0a1;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:3px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-bottom-left-radius:15px;
    -webkit-border-bottom-right-radius:3px;
    border-top-left-radius:3px;
    border-top-right-radius:15px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:3px;
    overflow:hidden;
}
/*2F*/
.act-catgry2 {
    color:#91bd1c;
    position:relative;
}
.catgry2-item{
    
}
.act-catgry2 h2{
    font-size:15px;
    font-weight:bold;

}

.catgry2-item-inner {
    border:solid 1px #d8f0a1;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:3px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-bottom-left-radius:15px;
    -webkit-border-bottom-right-radius:3px;
    border-top-left-radius:3px;
    border-top-right-radius:15px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:3px;
    overflow:hidden;
    position:relative;
    font-size:12px;
    background-color:#fff;
}
.recommend-goods{
    width:60%;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomright:3px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-bottom-right-radius:3px;
    border-top-right-radius:15px;
    border-bottom-right-radius:3px;
    overflow:hidden;
    position:relative;
    min-height:100px;
}
.catgry2-item>header{
    position:relative;
    height:25px;line-height:25px;font-size:16px;color:#97c92d;
}
.catgry2-item>header>.icon2-list{
    position:absolute;right:0;top:-2px;
    width:30px;height:30px;
}
.catgry2-item-pic {
    overflow:hidden;
    position:relative;
    padding:0px !important;
    width:31%;
}
.catgry2-item-content {
    position:absolute;top:0;left:0;margin-left:31%;
}

.recommend-goods img,.catgry2-item-pic img {
    width:100%;
}
.goods-name{
    background-color:rgba(166,206,44,.65);
    text-align:center;
    font-size:12px;
    
    position:absolute;
    bottom:0;left:0;
    width:100%;

    overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.goods-name span{
    line-height:25px;
    color:#fff;
}
.catgry2-detail-set{
    width:40%;height:100%;
    position:absolute;
    top:0;right:0;
    padding:10px 5px 0px 5px;
}

.catgry2-detail{
   position:relative;
    border-radius:2px;
    padding:0px;
    height:33.3%;
}
.catgry2-detail>div{
    border:dashed 1px #d8f0a1;
    -moz-border-radius:2px;
   -wekit-border-radius:2px;
   border-radius:2px;
   width:100%;
   text-align:center;
   font-size:13px;
   height:75%;
   display:table;
   
   /*position:relative;
   top:50%;margin-top:-10px;*/
}
.catgry2-detail a {
    display:table-cell;
    vertical-align:middle;
    height:100%;
    color:#b5cb1e;
}
/*3F*/
.act-catgry3 {
    color:#91bd1c;
    position:relative;
}
.catgry3-item {

}
.catgry3-item a {
    color:#91bd1c;
}
.catgry3-item-inner{
    padding:3px;
    border:solid 1px #d8f0a1;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright:3px;
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:15px;
    -webkit-border-top-left-radius:15px;
    -webkit-border-top-right-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    -webkit-border-bottom-right-radius:15px;
    border-top-left-radius:15px;
    border-top-right-radius:3px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:15px;
    overflow:hidden;
    position:relative;
    background-color:#fff;
}
.catgry3-item-topic{
    width:60%;
    height:100%;
    position:absolute;
    text-align:center;
    /*dt/dd的line-height各为20px*/
    margin-top:-20px;
    top:50%;
}
.catgry3-item-topic dt {
    font-size:16px;
    letter-spacing:3px;
    line-height:20px;
}
.catgry3-item-topic dd {
    font-size:12px;
    letter-spacing:1px;
    line-height:20px;
}

.catgry3-item-pic {
    width:40%;
    margin-left:60%;
    /*border:solid 1px #d8f0a1;*/
    -moz-border-radius:8px;
    -wekit-border-radius:8px;
    border-radius:8px;
    overflow:hidden;
    line-height:100%;
    -moz-box-shadow: 0px 1px 4px #d8f0a1;
    -webkit-box-shadow: 0px 1px 4px #d8f0a1;
    box-shadow: 0px 1px 4px #d8f0a1;

}
.catgry3-item-pic img{
    width:100%;
    
}
/*4F*/
.act-stores{}
.act-stores header{
    text-align:center;
    padding-left:35px;
}
.act-stores header h1{
    font-size:16px;
    color:#a8a8a8;
    font-weight:normal;
    
}
.act-stores header a{
    color:#a6bf20;
    font-size:13px;
    margin-left:10px;
}
.act-stores header a.icon{
    height:15px;width:15px;
    background-size:113px;
    background-position:-15px -15px;
    position:relative;
    top:5px;
    cursor:pointer;
    margin-left:3px;
}
    
.stores-item-set{
margin-top:15px;
}

.stores-item{
    position:relative;
    line-height:40px;
    border:solid 1px #d8f0a1;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright:1px;
    -moz-border-radius-bottomleft:1px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:1px;
    -webkit-border-bottom-left-radius:1px;
    -webkit-border-bottom-right-radius:10px;
    border-top-left-radius:10px;
    border-top-right-radius:1px;
    border-bottom-left-radius:1px;
    border-bottom-right-radius:10px;
    margin-bottom:10px;
    padding-left:5px;
}
.stores-item .icon{
    position:absolute;
    right:0px;top:10px;
    width:20px;
}
.stores-name{
    color:#81ae22;
    font-size:15px;
}
.stores-inCity,.stores-addr{
    color:#9ecd3a;
    font-size:13px;
    padding-left:5px;
}
/*ad F*/
.act-ad-cont img{
    width:100%;
}
/*页脚*/
.footer{ 
}
.footer-nav{
    height:30px;
    line-height:30px;
    font-size:15px;
    color:#abc225;
    background-color:#eff6cd !important;
    padding:0 5px;
}
.nav-item{
    position:relative;
    padding:0 5px;
    color:#abc225;
}
.nav-item.left-icon{
    padding:0 5px 0 23px;
}
.footer .icon-vertline{
    position:absolute;
    top:3px;left:0;
    width:20px;height:30px;
}
.footer .icon.icon-s18{
    position:absolute;
    /*top:3px;left:0;*/
    height:19px;width:18px;
     background-size:130px;
     padding:6px 3px;
     left:0;top:2px;
}
.footer-nav .icon-people{
    background-position:-21px 0px;
}
.footer-nav .icon-locker{
     background-position:-42px 0px;
}
.footer-nav .icon-beak{
    position:relative;
    bottom:1px;
    left:2px;
}

.footer-nav2 {
    padding-top:5px;
    background:#deeb9f;
    color:#96ab1a;
    height:90px;
}
.platform-select {
    height: 30px;
    line-height: 30px;
    font-size: 15px;
}
.footer-copyright{
    padding-top:5px;
    line-height:18px;
    font-size:12px;
}

.no-bor{
    border-top:none !important;
    border-right:none !important;
    border-bottom:none !important;
    border-left:none !important;
}
.bg-fa{ background-color:#fafafa;}
.bg-f6{ background-color:#f6f6f6;}
.bg-ff{ background-color:#fff;}
.noborder * {
    border:none !important;/*border-radius:initial !important;*/
}
.modal{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: auto;
    overflow-y: scroll;
    background-color:rgba(0,0,0,0.2);
}
.modal.in{
    display:block;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.fade.in {
opacity: 1;
}
.modal-dialog {
position: relative;
z-index: 1050;
width: 90%;
margin: 10px auto;
}
.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    background-clip: padding-box;
}
.modal-header {
    position:relative;
min-height: 16.428571429px;
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-body {
position: relative;
padding: 20px;
}
.modal-footer {
padding: 19px 20px 20px;
margin-top: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.close:hover, .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: .5;
filter: alpha(opacity=50);
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .2;
filter: alpha(opacity=20);
}
.fix-bottom{
    position:fixed;bottom:0px;left:0;right:0;
}

.mute{
    color:#a7a7a7;
    border-color:#a7a7a7;
}
.mute *{
    color:#a7a7a7;
}
.muter{
    color:#afafaf;
    border-color:#afafaf;
}
.colr-79{ color:#797979;}
.colr-61{ color:#616161;}
.mainText{ color:#797979;}
.green-a2{ color:#a2d438; }
.green-90{ color:#90c322;}
.green-87{ color:#87b622;}
.green-78{ color:#78ba23;}
.white-fa{ color:#fafafa;}
.bg-green-78{background-color:#78ba23;}
.oneLineDesc{
    overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.ilb{ display:inline-block;}
.sub-ilb>*{ display:inline-block;}
.w-60pc{ width:60%; position:relative;}
.w-55pc{ width:54.5%; position:relative;}
.w-50pc{ width:50%; position:relative;}
.w-40pc{ width:40%; position:relative;}
.w-30pc{ width:29.5%; position:relative;}
.w-25pc{ width:24.5%; position:relative;}
.w-20pc{ width:19.5%; position:relative;}

.w-40pc-ab-rig{
    position:absolute !important;width:40%;
    right:0;top:0;
    height:100%;
}

.p-3{ padding:3px;}
.p-0-3{padding:0px 3px;}
.p-10{ padding:10px;}
.p-10-15{ padding:10px 15px;}
.p-15-5{ padding:15px 5px;}
.p-15-10{ padding:15px 10px;}
.p-5-10{padding:5px 10px;}
.p-5-0{padding:5px 0px;}

.pl-5 { padding-left:5px; }
.pl-10 { padding-left:10px; }
.pl-15 { padding-left:15px;}

.pr-5 { padding-right:5px; }
.pr-10 { padding-right:10px;}
.pb-20 { padding-bottom:20px;}
.pb-40 { padding-bottom:40px;}

.pt-5{padding-top:5px;}
.pt-10{padding-top:10px;}
.pt-15{padding-top:15px;}
.pt-50{padding-top:50px;}

.sub-m-5-0>*{ margin:5px 0px;}

.sub-pr-10>*{ padding-right:10px;}
.sub-mr-5>*{ margin-right:5px;}
.sub-mt-5>*{ margin-top:5px;}

.m-10{margin:10px;}
.mr-10{margin-right:10px;}
.ml-10{margin-left:10px;}
.mb-15{ margin-bottom:15px;}
.mb-130{margin-bottom:130px;}

.lh-2{ line-height:2;}

.bor-dashed{ border-style:dashed !important;}
.bor-solid{ border-style:solid !important;}
.bor-rad-3{ border-radius:3px;}
.bor-top-gray{ border-top:solid 1px #e5e5e5;}
.bor-top-gray-dashed{ border-top:dashed 1px #e5e5e5;}


.top-4{top:4px !important;}
.rig--5{right:-5px !important;}

.suit-device{
    position:absolute;
    min-height:100%;width:100%;
}
.suit-device>.main{
    padding-bottom:135px;
    
}
.suit-device>footer{
    position:absolute;
    bottom:0;
    width:100%;
}

.tab-color-swi>*{
    color:#a7a7a7;
    border-color:#a7a7a7;
}
.tab-color-swi>*.active{
    color:#78ba23;
    border-color:#78ba23;
}
.no-select{
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
}
.sub-verg-center{ 
    display:table;
    height:100%;width:100%;
}
.sub-verg-center>*{
    display:table-cell;
    vertical-align:middle;
}
.pos-rel{ position:relative;}
.yes-or-no{
    position:relative;
    height:100%;width:100%;
    border-radius:4px;
    padding:2px 3px;
    overflow:hidden;
    transition:all .2s;
    background-color:#93ce46;
    box-shadow:inset 3px 2px 5px #82c729;
}
.yes-or-no.nope{
    background-color:#bbb;
    box-shadow:inset -3px 2px 5px #afafaf;
}
.yes-or-no-inner{
    width:150%;
    height:100%;
    transition:all .2s linear;
}
.nope .yes-or-no-inner{
    -webkit-transform:translateX(-33.333%);
    -o-transform:translateX(-33.333%);
    -moz-transform:translateX(-33.333%);
}
.yes-or-no-inner>*{
    display:inline-block;
    width:33.333%;height:100%;
    line-height: 22px;
    float:left;
    text-align:center;
    color:#fff;
    font-size:13px;
    user-select:none;
}
.yes-or-no-block{
    background-color:#fafafa;
    color:transparent;
    border-radius:3px;
    box-shadow:inset 0px 0px 5px #fff;
}
[data-toggle]{
    cursor:pointer;
    -webkit-user-select:none;
    user-select:none;
}
.txt-center{
    text-align:center;
}
.input-lg-box input{
    padding-top:10px;padding-bottom:10px;
    height:42px;
}
.input-lg-box .label-embed label{
    line-height:42px;height:42px;
}